* {
  margin: 0;
  padding: 0;
  list-style: none;
  user-select: none;
}

.AddAvailabilitybox {
  width: 99%;
  height: 88.4vh;
  margin-left: 1%;
}

.AddAvailabilitybox .AddAvailabilityHeader {
  width: 100%;
  height: 7.6vh;
  border-bottom: 2px solid #f2f2f2;
}

.AddAvailabilitybox .AddAvailabilityHeader .AddAvailabilityHeaderOne {
  width: 8vw;
  height: calc(8vh - 2px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.AddAvailabilitybox .AddAvailabilityHeader .AddAvailabilityHeaderOne li {
  width: auto;
}

.AddAvailabilitytab {
  display: none;
  width: 96%;
  height: 80vh;
  margin-left: 4%;
}

.AddAvailabilitytab .AddAvailabilityMain,
.AddAvailabilitytab .AddAvailabilityMainOne,
.AddAvailabilitytab .AddAvailabilityMainTow,
.AddAvailabilitytab .AddAvailabilityMainThird {
  width: 100%;
  height: 8vh;
}

.AddAvailabilitytab .AddAvailabilityMain .AddAvailabilityMainOne,
.AddAvailabilitytab .AddAvailabilityMain .AddAvailabilityMainTow,
.AddAvailabilitytab .AddAvailabilityMain .AddAvailabilityMainThird,
.AddAvailabilitytab .AddAvailabilityMain .AddAvailabilityMainFour,
.AddAvailabilitytab .AddAvailabilityMainOne .AddAvailabilityMainOne,
.AddAvailabilitytab .AddAvailabilityMainOne .AddAvailabilityMainTow,
.AddAvailabilitytab .AddAvailabilityMainOne .AddAvailabilityMainThird,
.AddAvailabilitytab .AddAvailabilityMainOne .AddAvailabilityMainFour,
.AddAvailabilitytab .AddAvailabilityMainTow .AddAvailabilityMainOne,
.AddAvailabilitytab .AddAvailabilityMainTow .AddAvailabilityMainTow,
.AddAvailabilitytab .AddAvailabilityMainTow .AddAvailabilityMainThird,
.AddAvailabilitytab .AddAvailabilityMainTow .AddAvailabilityMainFour,
.AddAvailabilitytab .AddAvailabilityMainThird .AddAvailabilityMainOne,
.AddAvailabilitytab .AddAvailabilityMainThird .AddAvailabilityMainTow,
.AddAvailabilitytab .AddAvailabilityMainThird .AddAvailabilityMainThird,
.AddAvailabilitytab .AddAvailabilityMainThird .AddAvailabilityMainFour {
  width: 25vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.AddAvailabilitytab .AddAvailabilityMain .AddAvailabilityMainOne input,
.AddAvailabilitytab .AddAvailabilityMain .AddAvailabilityMainTow input,
.AddAvailabilitytab .AddAvailabilityMain .AddAvailabilityMainThird input,
.AddAvailabilitytab .AddAvailabilityMain .AddAvailabilityMainFour input,
.AddAvailabilitytab .AddAvailabilityMainOne .AddAvailabilityMainOne input,
.AddAvailabilitytab .AddAvailabilityMainOne .AddAvailabilityMainTow input,
.AddAvailabilitytab .AddAvailabilityMainOne .AddAvailabilityMainThird input,
.AddAvailabilitytab .AddAvailabilityMainOne .AddAvailabilityMainFour input,
.AddAvailabilitytab .AddAvailabilityMainTow .AddAvailabilityMainOne input,
.AddAvailabilitytab .AddAvailabilityMainTow .AddAvailabilityMainTow input,
.AddAvailabilitytab .AddAvailabilityMainTow .AddAvailabilityMainThird input,
.AddAvailabilitytab .AddAvailabilityMainTow .AddAvailabilityMainFour input,
.AddAvailabilitytab .AddAvailabilityMainThird .AddAvailabilityMainOne input,
.AddAvailabilitytab .AddAvailabilityMainThird .AddAvailabilityMainTow input,
.AddAvailabilitytab .AddAvailabilityMainThird .AddAvailabilityMainThird input,
.AddAvailabilitytab .AddAvailabilityMainThird .AddAvailabilityMainFour input {
  border: none;
  outline: none;
  width: 20vw;
  height: 5vh;
  text-indent: 0.5em;
  border: 1px solid #ccc;
}

.AddAvailabilitytab .AddAvailabilityMainThirdA {
  width: 100%;
  height: 8vh;
  display: flex;
  align-items: center;
}

.AddAvailabilitytab .AddAvailabilityMainThirdA button {
  width: 10vw;
  height: 5vh;
  border: none;
  line-height: 4vh;
  border-radius: 2vw;
  text-align: center;
  color: #fff;
  background-color: #009688;
  margin-left: 4.5vw;
  margin-top: 2vh;
  transition: opacity 0.5s ease;
}

.AddAvailabilitytab .AddAvailabilityMainThirdA button:hover {
  opacity: 0.8;
}

.AddAvailabilitytab .AddAvailabilitytabOne,
.AddAvailabilitytab .AddAvailabilitytabTow {
  width: 100%;
  height: 8vh;
  font-size: 1vw;
}

.AddAvailabilitytab .AddAvailabilitytabOne .AddAvailabilitytabOneA,
.AddAvailabilitytab .AddAvailabilitytabOne .AddAvailabilitytabTowA,
.AddAvailabilitytab .AddAvailabilitytabTow .AddAvailabilitytabOneA,
.AddAvailabilitytab .AddAvailabilitytabTow .AddAvailabilitytabTowA {
  width: 74vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.AddAvailabilitytab .AddAvailabilitytabOne .AddAvailabilitytabOneA input,
.AddAvailabilitytab .AddAvailabilitytabOne .AddAvailabilitytabTowA input,
.AddAvailabilitytab .AddAvailabilitytabTow .AddAvailabilitytabOneA input,
.AddAvailabilitytab .AddAvailabilitytabTow .AddAvailabilitytabTowA input {
  border: none;
  outline: none;
  width: 68vw;
  height: 5vh;
  text-indent: 0.5em;
  border: 1px solid #ccc;
}

.AddAvailabilitytab .AddAvailabilitytabThird {
  width: 100%;
  height: 15vh;
  font-size: 1vw;
}

.AddAvailabilitytab .AddAvailabilitytabThird .AddAvailabilitytabThirdA {
  width: 74vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.AddAvailabilitytab .AddAvailabilitytabThird .AddAvailabilitytabThirdA textarea {
  border: none;
  outline: none;
  width: 68vw;
  height: 14vh;
  text-indent: 0.5em;
  border: 1px solid #ccc;
}

.AddAvailabilitytab .AddAvailabilitytabFour button {
  width: 10vw;
  height: 5vh;
  border: none;
  line-height: 4vh;
  border-radius: 2vw;
  text-align: center;
  color: #fff;
  background-color: #009688;
  margin-left: 6vw;
  margin-top: 2vh;
  transition: opacity 0.5s ease;
}

.AddAvailabilitytab .AddAvailabilitytabFour button:hover {
  opacity: 0.8;
}

.AddAvailabilityactive {
  width: auto;
  height: 100%;
  line-height: 8.2vh;
  border-bottom: 2px solid #00c0ef;
}
